{header}
<div id="wide" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">
			<script language="JavaScript" type="text/javascript">
			  function onValidateJoinForm() {
			    var form = document.forms['JoinForm'];
			    if (!(validateRequiredField(form['join_handle'], '{l_username}'))) {
			      return false;
			    }
			    if (!(validateMinLength(form['join_handle'], '{l_username}','4'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['join_handle'], '{l_username}','20'))) {
			      return false;
			    }
			    if (!(validateAlphaNumeric(form['join_handle'], '{l_username}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['join_handle'], '{l_username}'))) {
			      return false;
			    }
			    if (!(validateMinLength(form['join_handle'], '{l_username}','4'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['join_handle'], '{l_username}','20'))) {
			      return false;
			    }
			    if (!(validateAlphaNumeric(form['join_handle'], '{l_username}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['join_password'], '{l_password}'))) {
			      return false;
			    }
			    if (!(validateMinLength(form['join_password'], '{l_password}','6'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['join_password'], '{l_password}','15'))) {
			      return false;
			    }
			    if (!(validateAlphaNumeric(form['join_password'], '{l_password}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['join_password'], '{l_password}'))) {
			      return false;
			    }
			    if (!(validateMinLength(form['join_password'], '{l_password}','6'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['join_password'], '{l_password}','15'))) {
			      return false;
			    }
			    if (!(validateAlphaNumeric(form['join_password'], '{l_password}'))) {
			      return false;
			    }
			    if (!(validateNotTwoFields(form['join_password'],'{l_password}',form['join_handle'],'{l_username}'))) {
			      return false;
			    }
			    if (!(validateTwoFields(form['verify_password'],'{l_verify_password}',form['join_password'],'{l_password}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['email'], '{l_email_address}'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['email'], '{l_email_address}','100'))) {
			      return false;
			    }
			    if (!(validateEmailField(form['email'], '{l_email_address}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['verify_email'], '{l_verify_email}'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['verify_email'], '{l_verify_email}','100'))) {
			      return false;
			    }
			    if (!(validateEmailField(form['verify_email'], '{l_verify_email}'))) {
			      return false;
			    }
			    if (!(validateTwoFields(form['verify_email'],'{l_verify_email}',form['email'],'{l_email_address}'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['orientation'],'{l_orientation}','00'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['orientation'], '{l_orientation}', '00'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['country'],'{l_country}','-1'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['country'], '{l_country}', '-1'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['month'], '{l_month}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['day'], '{l_day}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['year'], '{l_year}'))) {
			      return false;
			    }
			    if (!(validateRequiredCheckbox(form['privacy_policy'],'','{l_agree_privete_policy}'))) {
			      return false;
			    }
			    return true;
			  }

			  function validateJoinForm() {
			    blockSubmission = true;
			     if (typeof beforeJoinFormValidation != 'undefined') {
			       beforeJoinFormValidation();
			    }
			    var validated = onValidateJoinForm();
			    if (validated && (typeof uponSuccessfulJoinFormValidation != 'undefined')) {
			      validated = uponSuccessfulJoinFormValidation();
			    }
			    else if (!validated && (typeof uponUnsuccessfulJoinFormValidation != 'undefined')) {
			      uponUnsuccessfulJoinFormValidation();
			    }
			    if (!validated) {

			    }
			    return validated;
			  }

			  function submitJoinForm() {
			   if (validateJoinForm()) document.JoinForm.submit();
			   else return false;
			  }
			</script>

            <table width="100%"><tr><td width="40%" align="right" valign="top">
                <div  class="header_big" style="padding-bottom: 10px; padding-top: 20px; text-align: right;">{l_login_this}</div>
                <form method="post" action="{url_main}join.php?cmd=login" id="login-f" class="clearfix">
                    <div id="join">
                    <font color=red>{login_message}</font><br />
                    <label for="username">{l_username}:</label><input style="width:200px;" name="user" type="text" id="login" tabindex="1" /><br />
                    <label for="password">{l_password}:</label><input style="width:200px;" name="password" type="password" tabindex="2" /><br />
                    </div><br />
 					<input type="submit" value="{l_login_this}" class="button" style="padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" />
                   <p><input name="remember" type="checkbox" id="remember" class="chk" value="1" type="checkbox"> <label for="remember">{l_remember_me}</label> | <a href="{url_main}forget_password.php?">{l_forgot_password}</a></p>
                </form>
            </td><td width="60%" align="right" valign="top" style="padding-right:20px;">
                    <!-- begin_join -->
  					<form name="JoinForm" method="post" action="{url_main}join.php" onsubmit="return validateJoinForm();">

                        <div  class="header_big" style="padding-bottom: 10px; padding-top: 20px; text-align: right;">{l_join_this}</div>
                        <div id="join">
                        <font color=red>{join_message}</font><br />
						<label for="username">{l_username}:</label>
							<input type="text" id="username" name="join_handle" value="{join_handle}" style="width:200px;"/><br />
						<label for="create-password">{l_create_password}:</label>
							<input type="password" id="create-password" name="join_password" value="{join_password}" style="width:200px;"/><br />
						<label for="re-password">{l_reenter_password}:</label>
							<input type="password" id="re-password" name="verify_password" value="{join_password}" style="width:200px;"/><br />
						<label for="email">{l_email}:</label>
							<input type="text" name="email" value="{email}" style="width:200px;"/><br />
						<label for="re-email">{l_reemail}:</label>
							<input type="text" id="re-email" name="verify_email" value="{email}" style="width:200px;"/><br />
						<label for="iam">{l_i_am}:</label>
							<select name="orientation" id="iam" style="width:204px;">
								 {orientation_options}
							</select>
						<br />
						<label for="from">{l_from}:</label>
							<select name="country" id="from" style="width:204px;">
								 <option value="-1" selected="selected">{l_country_select}</option>
								 {country_options}
							</select>
						<br />
						<label for="month">{l_born_on}:</label>
							<select name="year" id="year" onchange="updateDay('year','JoinForm','year','month','day')" style="width:80px;">
								{year_options}
							</select>
							<select name="month" id="month" onchange="updateDay('month','JoinForm','year','month','day')" style="width:60px;">
								{month_options}
							</select>
							<select name="day" id="day" style="width:56px;">
								{day_options}
							</select>
							<br />
                        </div>
                        <br />
						<input type="button" value="{l_join_now}" onclick="submitJoinForm();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" />
						<div id="terms"><input name="privacy_policy" type="checkbox" value="true" id="agree" checked> <label for="agree"> {l_i_agree} <a href="#" onclick="javascript:OpenWindow('{url_tmpl_main}popup/term_cond.html','650','400');">{l_terms_and_conditions}</a> | <a href="#" onclick="javascript:OpenWindow('{url_tmpl_main}popup/priv_policy.html','650','400','yes');">{l_privacy_policy}</a></label></div>
					</form>
                    <!-- end_join -->
            </td></tr></table>
</div></div></div></div></div></div></div></div></div>

{footer}